@import "global";
html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.index_navbar{
	height: 0.92rem;
	background-color: #ffd91b;
	.index_navbar_li{
		position: relative;
		.colorFont(#504200,0.28rem);
		margin: 0 0.75rem;
		padding: 0 0.2rem;
		transition: all 0.1s;
		background-color: transparent;
		img{
			.widthHeight(0.32rem,0.32rem);
			margin-right: 0.08rem;
		}
	}
	.index_navbar_li.active:after{
		content:'';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		.widthHeight(100%,2px);
		background-color: #322500;
	}
}
.index_tit{
	.colorFont(#333,0.26rem);
	padding: 0.3rem 0 0.24rem 0;
	img{
		.widthHeight(0.36rem,0.36rem);
		margin-right: 0.1rem;
	}
}
.tit_contain{
	position: relative;
	.more_href{
		position: absolute;
		right: 0.3rem;
		top: 0.31rem;
	}
}
.more_href{
	.colorFont(#a5a5a5,0.22rem);
	transition: color 0.1s;
	.iconfont{
		position: relative;
		top:0.02rem;
	}
}
.more_href:ative{
	opacity: 0.5;
}
.index-top-two{
	.widthHeight(3.14rem,1.66rem);
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	margin: 0 0.16rem;
	img{
		width: 100%;
		height: 100%;
	}
}
.index_cover_txt{
	.colorFont(#fff,0.26rem);
	text-align: center;
	box-sizing: border-box;
	transition: all 0.1s;
	p{
		width: 100%;
		text-align: center;
		height: 0.3rem;
	}
	.big{
		padding-top: 0.5rem;
		font-size: 0.34rem;
		margin-bottom: 0.2rem;
	}
	.small{
		font-size: 0.24rem;
	}
}
.index-swiper-inner{
	padding-bottom: 0.36rem;
	.swiper-pagination{
		bottom: 0.1rem!important;
		.swiper-pagination-bullet{
			.widthHeight(16px,2px)!important;
			background-color: #333;
			border-radius: 2px;
		}
	}
}
.index_tj{
	display: block;
	padding: 0 0.3rem 0.3rem;
	.index_tj_tit{
		padding: 0.26rem 0 0.26rem;
		.index_tj_left{
			img{
				.widthHeight(0.3rem,0.3rem);
				padding-right: 0.1rem;
			}
			.colorFont(#333,0.28rem);
		}
		.index_tj_right{
			span{
				.colorFont(#a5a5a5,0.2rem);
				margin-left: 0.28rem;
			}
		}
	}
	.index_tj_intro{
		.colorFont(#888,0.22rem);
		.lineHeight(0.38rem);
	}
}
.index_recommend_tit{
	padding: 0 0.3rem;
	height: 0.84rem;
	.index_recommend_left{
		.colorFont(#333,0.28rem);
		img{
			.widthHeight(0.22rem,0.22rem);
			margin-right: 0.14rem;
		}
	}
	.more_recommend{
		.colorFont(#a5a5a5,0.22rem);
		.iconfont{
			position: relative;
			top:0.01rem;
		}
	}
	.more_recommend:active{
		opacity: 0.5;
	}
}
.index_recommend_list{
	padding: 0.2rem 0rem;
	font-size: 0.24rem;
	.index_recommend_list_left{
		margin-right:0.2rem;
	}
	.index_recommend_list_a{
		position: relative;
		padding: 0 0.3rem 0 0.58rem;
		height: 0.45rem;
		margin-bottom: 0.1rem;
		.lineHeight(0.45rem);
		.index_recommend_list_intro{
			max-width:3.6rem;
			color:#666;
			.line_comp1;
		}
		.index_recommend_list_num{
			color:#666;
		}
	}
	.index_recommend_list_a:active{
		background-color: #f5f5f5;
	}
}
.col_ori{
	.index_recommend_list_a:after{
		content:"";
		display: block;
		.widthHeight(0.08rem,0.08rem);
		border-radius: 50%;
		background-color: #ff8e5c;
		position: absolute;
		left: 0.3rem;
		top: 0.185rem;
	}
	.index_recommend_list_left{
		color: #ff8e5c;
	}
}
.col_green{
	.index_recommend_list_a:after{
		content:"";
		display: block;
		.widthHeight(0.08rem,0.08rem);
		border-radius: 50%;
		background-color: #71d4ae;
		position: absolute;
		left: 0.3rem;
		top: 0.185rem;
	}
	.index_recommend_list_left{
		color: #71d4ae;
	}
}
.col_or{
	.index_recommend_list_a:after{
		content:"";
		display: block;
		.widthHeight(0.08rem,0.08rem);
		border-radius: 50%;
		background-color: #ff8c7d;
		position: absolute;
		left: 0.3rem;
		top: 0.185rem;
	}
	.index_recommend_list_left{
		color: #ff8c7d;
	}
}
.col_blue{
	.index_recommend_list_a:after{
		content:"";
		display: block;
		.widthHeight(0.08rem,0.08rem);
		border-radius: 50%;
		background-color: #61b3f1;
		position: absolute;
		left: 0.3rem;
		top: 0.185rem;
	}
	.index_recommend_list_left{
		color: #61b3f1;
	}
}
.all_top{
	padding: 0.3rem 0;
}
.all_middle{
	.colorFont(#a5a5a5,0.22rem);
	position: relative;
	text-align: center;
	height: 0.3rem;
	.lineHeight(0.3rem);
	margin-bottom: 0.32rem;
}
.all_middle:after,.all_middle:before{
	content:"";
	display: block;
	height: 0.02rem;
	position: absolute;
	background-color: #f0f0f0;
	width: calc(40vw - 0.74rem);
	top: 0.14rem;
}
.all_middle:after{
	right: 0.3rem;
}
.all_middle:before{
	left: 0.3rem;
}
.all-top-two{
	.widthHeight(3.16rem,1.80rem);
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	margin: 0 0.16rem;
	img{
		.widthHeight(100%,100%);
	}
}
.all_list{
	padding: 0 0.1875rem;
}
.all_list_inner{
	overflow: hidden;
	position: relative;
	.widthHeight(2rem,2rem);
	border-radius: 5px;
	margin: 0 0.1875rem 0.375rem 0.1875rem;
	img{
		.widthHeight(100%,100%);
	}
}
.all_list_cover{
	span{
		.colorFont(#fff,0.32rem);
		display:inline-block;
		padding: 0.2rem;
	}
}
.all_list_inner:active{
	.all_list_cover{
		background-color: rgba(0,0,0,0.5);
	}
}
.index-top-two:active{
	.index_cover_txt{
			background-color: rgba(0,0,0,0.5);
		}
}
.all-top-two:active{
	.index_cover_txt{
			background-color: rgba(0,0,0,0.5);
		}
}
.tab_choose{
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
}
.tab_swiper{
	// padding-left: 10px;
	// padding-right: 2rem;
	.swiper-slide{
		.colorFont(#333,0.28rem);
		height:0.88rem;
		.lineHeight(0.88rem);
		width:auto;
		margin: 0 0.35rem;
		text-align:center;
		p{
			display: inline-block;
			position:relative;
			transition: all 0.1s;
		}
		p:after{
			width: 100%;
			height: 2px;
			transform:scaleX(0);
			transition: all 0.1s;
		}
	}
	@media screen and (min-width:750px){
		.swiper-slide{
			width:150px;
		}
	}
	.swiper-slide.active{
		.colorFont(#ffd81b,0.28rem);
		p:after{
			content:"";
			display: block;
			position: absolute;
			bottom:0;
			background-color: #ffd81b;
			transform: scaleX(1);
		}
	}
}
.tab_choose_right{
	width: 0.8rem;
	height: 0.88rem;
	text-align: center;
	.lineHeight(0.88rem);
	border-left: 1px solid #e5e5e5;
	position:relative;
	img{
		.widthHeight(0.26rem,0.14rem);
		transform: rotate(0);
		transition: all 0.1s;
	}
	img.active{
		transform: rotate(180deg);
	}
	.tab_choose_right_down_lsft{
		position:absolute;
		width: 0;
		height: 0.88rem;
		right:0.8rem;
		background-color: #fff;
		top: 0;
		z-index: 20001;
		text-align: left;
		box-sizing: border-box;
		.colorFont(#333,0.2rem);
		transition: all 0.1s;
		overflow: hidden;
		p{
			padding-left: 1.2rem;
		}
	}
	.tab_choose_right_down_lsft.active{
		width:calc(100vw-0.8rem);
	}
	.tab_choose_right_down{
		display:none;
		position: absolute;
		width:100vw;
		background-color:#fff;
		text-align: left;
		right:0;
		top: 0.89rem;
		padding:0rem 0.2rem 0;
		box-sizing: border-box;
		max-height:3.2rem;
		overflow-y:auto;
		.tab_down_inner{
			float: left;
			width: calc(100% / 4);
			.colorFont(#888,0.24rem);
			text-align: center;
			span{
				border:1px solid #c5c5c5;
				display: block;
				.widthHeight(1.38rem,0.58rem);
				line-height: 0.58rem;
				margin: 0.21rem auto 0.21rem;
				border-radius: 5px;
			}
		}
		.tab_down_inner.active{
			span{
				background-image:url(../img/gou.png);
				background-repeat:no-repeat;
				background-position: 100% 100%;
				background-size: 0.29rem 0.29rem;
				border-color: #ffd81b;
				color: #ffd81b;
			}
		}
	}
}
.cover_opc{
	display:none;
	position:fixed;
	z-index:1999;
	top:0;
	left: 0;
	right: 0;
	bottom:0;
	background-color:rgba(29,29,29,0.4);
}
.good_recommend_contain{
	position:relative;
	padding-bottom: 1rem;
	.good_recommend_contain_dl{
		width:3.7rem;
		background-color: #fff;
		padding: 0.2rem 0;
		box-sizing: border-box;
		transition: all 0.1s;
		dt{
			position: relative;
			width: 3.7rem;
			margin: 0 auto;
			background-color:#888;
			img{
				.widthHeight(3.7rem,2.02rem);
				transition: all 0.1s;
			}
		}
		dd{
			padding-left: 0.2rem;
			.cartoon_name{
				.colorFont(#333,0.26rem);
				margin-top: 0.2rem;
				width:100%;
				.line_comp1;
			}
			.cartoon_intro{
				.colorFont(#a5a5a5,0.22rem);
				margin-top: 0.05rem;
				width:100%;
				.line_comp1;
			}
		}
	}
	.good_recommend_contain_dl:active{
		img{
			opacity: 0.8;
		}
	}
}
.work_list_contain{
	padding: 0 0.2rem;
	position:relative;
	.work_list_inner{
		display: block;
		background-color: #fff;
		padding: 0.3rem 0.2rem;
		.work_list_inner_tit{
			.work_list_inner_tit_left{
				img{
					.widthHeight(0.32rem,0.32rem);
					border-radius: 50%;
					margin-right: 0.08rem;
				}
				span{
					.colorFont(#333,0.28rem);
				}
			}
			.work_list_inner_tit_right{
				.colorFont(#a5a5a5,0.2rem);
			}
		}
		.work_list_inner_intro{
			.colorFont(#888,0.22rem);
			margin: 0.2rem 0 0.2rem;
			.lineHeight(0.38rem);
		}
		.work_list_inner_bottom{
			span{
				.colorFont(#fff,0.2rem);
				background-color:#ffbd35;
				text-align: center;
				padding: 0 0.12rem;
				height: 0.32rem;
				line-height: 0.32rem;
				border-radius: 3px;
				margin-right: 0.12rem;
			}
			p{
				.colorFont(#a5a5a5,0.2rem);
			}
		}
	}
	.work_list_inner:active{
		background-color: #f5f5f5;
	}
	.work_sc_contain{
		position: absolute;
		bottom: 0.3rem;
		right: 0.4rem;
		img{
			.widthHeight(0.3rem,0.3rem);
			margin-right: 0.1rem;
		}
		span{
			.colorFont(#a5a5a5,0.2rem);
		}
	}
}
.swiper_b{
	padding-bottom: 1rem;
}
.how_list_swiper{
	padding-bottom: 1rem;
}
.star_{
	display:block;
	margin: 0 auto 0.1rem;
	width: 0.34rem;
	height: 0.32rem;
}
.work_kind{
	.colorFont(#a5a5a5,0.22rem);
	span{
		color: #ff7234;
	}
}
.kind_detail_choose{
	padding: 0.38rem 0.04rem 0.3rem 0.3rem;
}
.kind_detail_dl{
	dt{
		width: 0.72rem;
		.colorFont(#333,0.24rem);
	}
	dd{
		span{
			.colorFont(#666,0.24rem);
			margin: 0 0.18rem 0.18rem;
			padding: 0 0.08rem;
			height: 0.34rem;
			.lineHeight(0.34rem);
			border-radius: 3px;
			transition: all 0.1s;
		}
		span.active{
			background-color:#666;
			color: #fff;
		}
	}
}
.del_btn{
	.widthHeight(0.28rem,0.28rem);
	position: absolute;
	bottom: 0.3rem;
	right: 0.4rem;
}
.del_contain{
	.widthHeight(5.8rem,2.8rem);
	border-radius: 10px;
	background-color: #fff;
	margin: 0 auto 0;
	padding-top: 0.58rem;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	p{
		.colorFont(#333,0.3rem);
		text-align: center;
		margin-bottom: 0.7rem;
	}
	.del_btn_contain{
		padding: 0 0.68rem;
		box-sizing: border-box;
		.del_cov_btn{
			.widthHeight(1.86rem,0.64rem);
			line-height: 0.64rem;
			text-align: center;
			font-size:0.28rem;
			border-radius: 0.64rem;
			box-sizing: border-box;
			transition: all 0.1;
		}
		.qx{
			color: #888;
			border: 1px solid #c5c5c5;
		}
		.qx:active{
			background-color: #f5f5f5;
		}
		.qd{
			color: #fff;
			background-color: #f6b22b;
		}
		.qd:active{
			opacity:0.8;
		}
	}
}
.cover_opc_center{
	height:100%;
}
.kong_contain{
	img{
		.widthHeight(1.22rem,1.22rem);
		display:block;
		margin: 2.8rem auto 0.3rem;
	}
	p{
		.colorFont(#666,0.22rem);
		text-align: center;
	}
}
.article_detail_contain{
	.article_detail_tit{
		margin:0.4rem 0 0.24rem;
		text-align: center;
		.colorFont(#333,0.34rem);
	}
	.article_detail_intro{
		.colorFont(#c5c5c5,0.24rem);
		span{
			padding: 0 0.15rem;
			position: relative;
			height: 0.24rem;
			.lineHeight(0.24rem);
		}
		span:after{
			content:"";
			display: block;
			position: absolute;
			.widthHeight(1px,0.24rem);
			background-color: #c5c5c5;
			top: 0;
			right:0;
		}
		span:last-child:after{
			content:"";
			display: none;
		}
	}
}
.article_detail_art{
	margin-top: 0.4rem;
	padding: 0 0.3rem;
	.lineHeight(0.5rem);
	.colorFont(#333,0.26rem);
	text-indent: 0.26rem;
}
.pl_contain{
	margin-top: 0.35rem;
	.pl_contain_inner{
		margin: 0 0.15rem;
		.widthHeight(1.7rem,0.56rem);
		.colorFont(#ccc,0.24rem);
		border: 1px solid #cbcbcb;
		border-radius: 5px;
		.iconfont{
			margin-right: 0.1rem;
		}
		.icon-zan{
			font-size: 0.3rem;
		}
		.icon-iconfontzan{
			font-size:0.32rem;
		}
	}
	.pl_contain_inner.active{
		color: #ff9c1b;
		border: 1px solid #ff9c1b;
	}
}
.buzan{
	img{
		position: relative;
		top: 2px;
	}
}
.bg_click:active{
	background-color: #f5f5f5;
}
